@import '../../style/variable.scss';


.xxm-info {
    position: absolute;
    top: 8rpx;
    right: 0;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
    transform: translate(50%, -50%);
    transform-origin: 100%;
  
    min-width:  $info-size;
    padding:  $info-padding;
    color:  $info-color;
    font-weight:  $info-font-weight;
    font-size:  $info-font-size;
    // font-family:  $info-font-family;
    line-height:  calc(#{$info-size} - #{$info-border-width} * 2);
    background-color:  $info-background-color;
    border:  $info-border-width solid $white;
    border-radius:  $info-size;
  
    &--dot {
      min-width: 0;
      border-radius: 100%;
      width: $info-dot-size;
      height: $info-dot-size;
      background-color: $info-dot-color;
    }
  }
  